<!DOCTYPE html> 
<html> 
	<head> 
	<title>My Resident</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="css/jquery.mobile-1.1.1.min.css" />
	<link rel="stylesheet" href="css/demo_table.css" />
	
	<script src="js/jquery-1.7.1.min.js"></script>
	<script src="js/quickforms.js"></script>
    <script src="js/jquery-ui-1.10.0.custom.min.js"></script>
	<script src="js/jquery.mobile-1.1.1.min.js"></script>
	<script src="js/jquery.dataTables.js"></script>

    
</head>
<body onload="loadTabularData('rpp','notes','getNotesRows','added_by='+getCookie('username'))">  

<div data-role="page">

	<div data-role="header">
		<h1 id="header">Resident Dashboard - </h1>
        <a href="logout.jsp" rel="external" data-role="button" data-inline="true" data-theme="c" class="ui-btn-right">Logout</a>
	</div><!-- /header -->

	<div data-role="content" data-inset="true">	
	
        <!--<form action="" method="POST"> action will tell the form what code to run when the submit button is pressed. Now it just redirects to the portal -->
            <div data-role="navbar">
				<ul>
					<li><a href="Visits.html" rel="external">Visits</a></li>
					<li><a href="Reports.html" rel="external">Reports</a></li>
					<li><a href="Notes.html" rel="external" class="ui-btn-active ui-state-persist">Notes</a></li>
                    <li><a href="teams.html" rel="external">Admin</a></li>
				</ul>
			</div><!-- /navbar -->
        <!--</form> -->
		<br />
		<a href="NewNote.html" rel="external" data-theme="b" data-icon="plus" data-role="button">New Note</a>
		<br />
		
		<div data-role="content">
		<div class="content-primary">	
        
			<!--<ul id="mainData" data-role="listview" data-theme="d" data-divider-theme="d">
	<!--	<li data-role="list-divider">Friday, October 8, 2012 <span class="ui-li-count">2</span></li>   -->
			<!--<li><a href="NewNote.html" rel="external">
				
				<table border = "0" cellpadding = "10" >
				<tr>
				<td id="notes_time">7:02PM</td>
				<td id="notes_date">08/10/2012</td>
				<td id="notes_subject">To Do List</td>
				<td id="notes_notes">Fill out new form, ....</td>
				</tr>
				</table>	
		-->	
		<table id="mainData" cellpadding="10" width="100%" class="display">
		
		</table>
        
	</div><!--/content-primary -->	
		</div>
		<a href="NewNote.html" rel="external" data-theme="b" data-icon="plus" data-role="button">New Note</a>
		
		</div>
		
		
	<div data-role="footer">
	   <h4></h4>
	</div>

</div><!-- /page -->

</body>
</html>